<template>
  <view class="qg-wrapper">
    <view class="loadinggif" v-if="isloading">
      <image src="https://yunkeososyunchuc.bc8t.cn/ymq_canyino2o/static/loading.gif"></image>
    </view>
    <block v-if="!isloading">
      <view class="formmain">
        <view class="formhdzq">
          <view class="qg-header">
						<view class="address" @tap="ckwz">
							{{ store.address }}
						</view>
						<view class="phone-person" style="display: flex;align-items: center;">
							<input
							  @input="KeyName"
							  class="weui-input"
							  placeholder="请输入联系人"
							  :value="name"
							/>
							<input
							  @input="KeyMobile"
							  class="weui-input"
							  placeholder="请输入联系电话"
							  type="number"
							  :value="mobile"
							/>
						</view>
            <!-- <view
              @tap="ckwz"
              class="weui-cell weui-cell_access zqaddress"
              :data-jwd="store.coordinates"
              hoverClass="weui-cell_active"
              url=""
            >
              <view class="weui-cell__hd">
                <image
                  mode="aspectFit"
                  src="https://ymqycc.oss-cn-chengdu.aliyuncs.com/ymqzho2o/static/icon/address.png"
                  style="
                    margin-right: 20rpx;
                    vertical-align: middle;
                    width: 40rpx;
                    height: 40rpx;
                  "
                ></image>
              </view>
              <view class="weui-cell__bd">
                <view class="zqdz1"> 商家地址 </view>
                <view class="zqdz2">{{ store.address }}</view>
                <view class="zqdz3"></view>
              </view>
              <view class="weui-cell__ft weui-cell__ft_in-access"></view>
            </view> -->
            <!-- <view
              class="weui-cell weui-cell_access"
              style="padding: 8rpx 30rpx"
            >
              <view class="weui-cell__bd">联系人</view>
              <view class="weui-cell__ft">
                <input
                  @input="KeyName"
                  class="weui-input"
                  placeholder="请输入联系人"
                  :value="name"
                />
              </view>
            </view>
            <view
              class="weui-cell weui-cell_access"
              style="padding: 8rpx 30rpx"
            >
              <view class="weui-cell__bd">联系电话</view>
              <view class="weui-cell__ft">
                <input
                  @input="KeyMobile"
                  class="weui-input"
                  placeholder="请输入联系电话"
                  type="number"
                  :value="mobile"
                />
              </view>
            </view> -->
          </view>
        </view>
        <view class="formbd qg-detail">
          <view class="flex-row sjname qg-detail_item">
            <!-- <image :src="url + store.logo"></image> -->
              {{ store.name }}
          </view>
          <view
            class="cart-item flex-row qg-detail_item"
            v-for="(item, index) in 1"
            :key="index"
          >
              <image
                class="goods-pic"
                mode="aspectFill"
                :src="QgGoodInfo.logo"
              ></image>

            <view class="flex-grow-1 flex-col">
              <view style="display: flex;justify-content: space-between;">
                <view class="goods-name">{{ QgGoodInfo.name }}</view>
                <!-- <view class="attr-list">
                  <view class="attr-item">{{ QgGoodInfo.spec }} </view>
                </view> -->
								
								<view class="flex-grow-0 price">￥{{ QgGoodInfo.money }}</view>
              </view>
              <view class="flex-grow-0 flex-row">
                <view class="flex-grow-1 num">×1</view>
              </view>
            </view>
          </view>
          <view class="formftyh qg-detail_item">
            <view class="sfk flex-row flex-y-center">
              <view class="sfk-fv flex-grow-0">实付款</view>
              <view class="flex-grow-1 xiaoji">
                <view style="color: #E36A58;">已优惠￥{{ QgGoodInfo.yh }}</view>
                <!-- <view>小计</view> -->
                <view>￥{{ QgGoodInfo.money }}</view>
              </view>
            </view>
          </view>
          <view class="formft qg-detail_item">
            <view class="weui-cells weui-cells_after-title">
              <view
                class="weui-cell weui-cell_access"
                style="border-bottom: 1rpx solid #efeff4"
              >
                <view class="weui-cell__hd" style="min-width: 120rpx"
                  >留言</view
                >
                <view class="weui-cell__bd">
                  <input @input="noteFun" placeholder="50字以内（选填）" />
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
      <view class="dbtjdd">
        <view class="dbtjddl">
					<view class="total"
					  >合计
					  <text>￥{{ QgGoodInfo.money }}</text>
					</view>
          <view class="yh">已优惠￥{{ QgGoodInfo.yh }}</view>
        </view>
        <view class="dbtjddr">
          <!--tjddformSubmit-->
          <form
            @reset="formReset"
            @submit="daya_formSubmit"
            :reportSubmit="true"
          >
            <button formType="submit">
              提交订单
            </button>
          </form>
        </view>
      </view>
      <view @tap="mdoalclose" class="modalzz" v-if="!mdoaltoggle"></view>
      <view :class="'modal ' + (mdoaltoggle ? '' : 'active')">
        <view class="modalbd">
          <icon size="50" type="success"></icon>
          <view class="xdcg">下单成功!</view>
        </view>
      </view>
      <!-- parse <template is="xytemp" :data="fwxy:fwxy,xymc:xymc,xynr:xynr"></template> -->
      <block name="xytemp">
        <view class="zhezhao" v-if="!fwxy"></view>
        <view :class="'kcrzxy ' + (fwxy ? '' : 'active')">
          <view class="kcrzxyhd">{{ xymc }}</view>
          <scroll-view scrollY class="kcrzxybd" style="height: 600rpx">
            <rich-text :nodes="xynr"></rich-text>
          </scroll-view>
          <view @tap="queren" class="queren">确定</view>
        </view>
      </block>
      <form @reset="formReset" @submit="formSubmit" :reportSubmit="true">
        <view @tap="yczz" class="drawer_screen" v-if="showModal"></view>
        <view class="drawer_box" v-if="showModal">
          <view class="drawer_title">请选择支付方式</view>
          <view class="weui-cells weui-cells_after-title">
            <radio-group
              @change="radioChange1"
              class="radio-group"
              name="radiogroup"
            >
              <label>
                <view class="weui-cell">
                  <view class="zfimg">
                    <image src="https://yunkeososyunchuc.bc8t.cn/ymq_canyino2o/static/weixin.png"></image>
                  </view>
                  <view class="weui-cell__bd">微信支付</view>
                  <view class="weui-cell__ft">
                    <radio :checked="zffs == 1" value="wxzf"></radio>
                  </view>
                </view>
              </label>
              <label>
                <view class="weui-cell" style="border-top: 1rpx solid #e6e6e6">
                  <view class="zfimg">
                    <image src="https://yunkeososyunchuc.bc8t.cn/ymq_canyino2o/static/yeqb.png"></image>
                  </view>
                  <view class="weui-cell__bd"
                    >余额支付
                    <text class="yetext">您的余额 {{ userInfo.wallet }}</text>
                  </view>
                  <view class="weui-cell__ft">
                    <radio
                      :checked="zffs == 2"
                      color="#FF9700"
                      value="yezf"
                    ></radio>
                  </view>
                </view>
              </label>
            </radio-group>
          </view>
          <view class="drawer_title1"
            >您选择的{{ zfwz }}
            <text v-if="zffs == 3">({{ jf_proportion }}积分可抵1元)</text>
          </view>
          <button
            @tap="alone_pay"
            :class="btntype"
            :disabled="zfz"
            formType="submit"
          >
            <view v-if="!zfz && zffs != 4"
              >确定支付
              <text class="zftext">￥{{ QgGoodInfo.money }}</text>
            </view>
            <view v-if="!zfz && zffs == 4"
              >确定到付
              <text class="zftext">￥{{ totalPrice }}</text>
            </view>
            <view v-if="zfz">
              <text class="zfztext">支付中...</text>
            </view>
          </button>
        </view>
      </form>
    </block>
    <view
      @tap.stop.prevent="closecart"
      :class="'share-modal ' + (share_modal_active ? 'active' : '')"
    >
      <view class="share-modal-body">
        <view class="yhqhead">选择优惠券</view>
        <radio-group
          @change="radioChange"
          class="radio-group"
          name="radiogroup"
        >
          <scroll-view scrollY style="height: 400rpx">
            <label
              @tap.stop.prevent="xzq"
              :data-full="item.full"
              :data-kdje="item.reduce"
              :data-rdid="item.id"
              data-type="代金券"
              v-for="(item, index) in Coupons"
              :key="index"
            >
              <view class="mdlist">
                <view class="coupon-item unreceive" :id="item.coupon_id">
                  <view class="item-left" style="background: #f65c5c">
                    <text class="num">{{ item.reduce }}</text>
                    <text class="unit">元</text>
                  </view>
                  <view class="item-right">
                    <text class="name">{{ item.name }}</text>
                    <text class="conditions" v-if="item.full != '0.0'"
                      >满{{ item.full }}可用</text
                    >
                    <text class="conditions" v-else>无门槛</text>
                    <text class="prefer">有效期至{{ item.end_time }}</text>
                  </view>
                </view>
                <view class="radio">
                  <radio
                    :checked="activeradio == item.id"
                    :color="color"
                    :disabled="gwcinfo.money < item.full"
                    :value="item.id"
                  >
                  </radio>
                </view>
              </view>
            </label>
            <view class="kong" v-if="Coupons.length == 0">
              <image src="https://yunkeososyunchuc.bc8t.cn/ymq_canyino2o/static/wushuju.png"></image>
              <view>暂无此门店的优惠券</view>
            </view>
          </scroll-view>
        </radio-group>
      </view>
    </view>


    <daya-pay
        v-if="show_pay_box"
        :type="pay_order_type"
        :order_id="pay_order_id"
        :mp_openid="wx_openid"
        :show_pay_box="show_pay_box"
        :kqyue="kqyue"
        jf_proportion=""
        :totalPrice="totalMoney"
        :user_wallet="userInfo_wallet"
        :hdfk="true"
        @close_pay_box="show_pay_box=false"
        @pay_success="pay_success"
        @pay_error="pay_error"
    ></daya-pay>


  </view>
</template>

<script>
import cardlist from '@/ymq_canyino2o/dist/cardlist/index'
import gettel from '@/ymq_canyino2o/dist/gettel/index'
var qqmapsdk
var app = getApp()
var util = require('../../utils/util.js')
var QQMapWX = require('../../utils/qqmap-wx-jssdk.js')
export default {
  components: {
    cardlist,
    gettel
  },
  data() {
    return {

      pay_order_type: 4,//订单类型 不传递0=外卖订单  2=充值订单 3=会员订单 4=抢购订单 5=拼团订单 95=跑腿订单
      pay_order_id: 0,//跑腿订单id
      show_pay_box: false, //显示支付盒子
      wx_openid: '',
      totalMoney: 0,
      userInfo_wallet:0,
      kqyue:false, //余额支付只有在线下单时候可以实时判断
      //---------------------------

      share_modal_active: false,
      activeradio: '',
      hbshare_modal_active: false,
      hbactiveradio: '',
      group_id: '',
      isloading: true,
      navbar: [],
      fwxy: true,
      xymc: '到店用餐服务协议',
      xynr: '',
      selectedindex: 0,
      color: '#019fff',
      checked: true,
      cart_list: [],
      wmindex: 0,
      wmtimearray: ['尽快送达'],
      cjindex: 0,
      cjarray: [
        '1份',
        '2份',
        '3份',
        '4份',
        '5份',
        '6份',
        '7份',
        '8份',
        '9份',
        '10份',
        '10份以上'
      ],
      mdoaltoggle: true,
      total: 0,
      showModal: false,
      zffs: 1,
      zfz: false,
      zfwz: '微信支付',
      btntype: 'btn_ok1',
      yhqkdje: 0,
      hbkdje: 0,
      note: '',
      user_id: '',
      openid: '',
      options: '',

      userInfo: {
        wallet: ''
      },

      mobile: '',
      name: '',
      nav_array: '',

      QgGoodInfo: {
        logo: '',
        name: '',
        spec: '',
        money: '',
        yh: ''
      },

      psfarr: '',
      reduction: '',

      store: {
        coordinates: '',
        address: '',
        logo: '',
        name: ''
      },

      storeset: '',
      sjstart: '',
      url: '',
      jf_proportion: '',
      totalPrice: '',
      Coupons: [],

      gwcinfo: {
        money: 0
      }
    }
  },
  onLoad: function (t) {
    app.globalData.setNavigationBarColor(this)
    console.log(uni.getStorageSync('users'))
    var that = this
    var e = t.store_id
    var a = t.goods_id
    var n = uni.getStorageSync('users').openid
    var i = uni.getStorageSync('users').id
    console.log(t)
    that.setData({
      user_id: i,
      openid: n,
      options: t
    })
    app.globalData.util.request({
      url: 'entry/wxapp/UserInfo',
      cachetime: '0',
      data: {
        user_id: i
      },
      success: function (e) {
        var t = util.formatTime(new Date()).substring(0, 10).replace(/\//g, '-')
        console.log(e, t.toString())
        if ('' != e.data.dq_time && e.data.dq_time >= t.toString()) {
          e.data.ishy = 1
        }
        that.setData({
          userInfo: e.data,
          mobile: e.data.user_tel ? e.data.user_tel : '',
          name: e.data.user_name ? e.data.user_name : ''
        })
      }
    })
    app.globalData.util.request({
      url: 'entry/wxapp/GroupType',
      cachetime: '0',
      success: function (e) {
        console.log('分类列表', e)
        that.setData({
          nav_array: e.data
        })
      }
    })
    app.globalData.util.request({
      url: 'entry/wxapp/GoodsInfo',
      cachetime: '0',
      data: {
        goods_id: a
      },
      success: function (e) {
        console.log(e)
        if (1 == t.type) {
          e.data.goods.yh = (
            Number(e.data.goods.y_price) - Number(e.data.goods.dd_price)
          ).toFixed(2)
          e.data.goods.money = (1 * Number(e.data.goods.dd_price)).toFixed(2)
        } else {
          e.data.goods.yh = (
            Number(e.data.goods.y_price) - Number(e.data.goods.pt_price)
          ).toFixed(2)
          e.data.goods.money = (1 * Number(e.data.goods.pt_price)).toFixed(2)
        }
        that.setData({
          QgGoodInfo: e.data.goods,
          isloading: false
        })
      }
    })
    app.globalData.util.request({
      url: 'entry/wxapp/StoreInfo',
      cachetime: '0',
      data: {
        store_id: e
      },
      success: function (e) {
        console.log(e.data)
        if ('' != e.data.storeset.wmps_name) {
          e.data.storeset.wmps_name = e.data.storeset.wmps_name
        } else {
          e.data.storeset.wmps_name = '外卖配送'
        }
        e.data
        var t = e.data.store.coordinates.split(',')
        var a = {
          lng: Number(t[1]),
          lat: Number(t[0])
        }
        that.setData({
          psfarr: e.data.psf,
          reduction: e.data.reduction,
          store: e.data.store,
          storeset: e.data.storeset,
          sjstart: a,
          xynr: e.data.storeset.ztxy
        })
      }
    })
  },
  onReady: function () {},
  onShow: function () {},
  onHide: function () {},
  onUnload: function () {},
  onPullDownRefresh: function () {},
  onReachBottom: function () {},
  methods: {


    openxy: function () {
      this.setData({
        fwxy: false
      })
    },

    queren: function () {
      this.setData({
        fwxy: true
      })
    },

    checkboxChange: function (e) {
      this.setData({
        checked: !this.checked
      })
    },

    ckwz: function (e) {
      console.log(e.currentTarget.dataset.jwd)
      var t = e.currentTarget.dataset.jwd.split(',')
      console.log(t)
      uni.openLocation({
        latitude: Number(t[0]),
        longitude: Number(t[1]),
        name: this.store.name,
        address: this.store.address
      })
    },

    radioChange1: function (e) {
      console.log('radio1发生change事件，携带value值为：', e.detail.value)
      if ('wxzf' == e.detail.value) {
        this.setData({
          zffs: 1,
          zfwz: '微信支付',
          btntype: 'btn_ok1'
        })
      }
      if ('yezf' == e.detail.value) {
        this.setData({
          zffs: 2,
          zfwz: '余额支付',
          btntype: 'btn_ok2'
        })
      }
      if ('jfzf' == e.detail.value) {
        this.setData({
          zffs: 3,
          zfwz: '积分支付',
          btntype: 'btn_ok3'
        })
      }
      if ('hdfk' == e.detail.value) {
        this.setData({
          zffs: 4,
          zfwz: '货到付款',
          btntype: 'btn_ok4'
        })
      }
    },

    KeyName: function (e) {
      this.setData({
        name: e.detail.value
      })
    },

    KeyMobile: function (e) {
      this.setData({
        mobile: e.detail.value
      })
    },

    noteFun: function (e) {
      this.setData({
        note: e.detail.value
      })
    },

    tjddformSubmit: function (e) {
      console.log(e)
      uni.getStorageSync('users').id
      this.setData({
        showModal: true
      })
    },
    daya_formSubmit: function () {
      var that = this
      this.setData({
        showModal: false
      })
      uni.showLoading({
        title: '正在支付',
        mark: true
      })
      var a = this
      var o = a.QgGoodInfo
      var n = a.nav_array
      var i = o.store_id
      var s = a.user_id
      var d = o.id
      var r = o.logo
      var l = o.name


      for (var u in n) {
        if (n[u].id == o.type_id) {
          var p = n[u].name
        }
      }

      if (1 == a.options.type) {
        var g = o.dd_price
        var f = 1
        var m = Number(f) * Number(g)
      } else {
        g = o.pt_price
        f = 1
        m = Number(f) * Number(g)
      }

      var w = a.name
      var _ = a.mobile
      var y = a.store.address
      var h = a.note
      console.log(o)
      console.log('用户id', s)
      console.log('商家id', i)

      // if (Number(a.userInfo.wallet) < m && 2 == c) {
      //   uni.hideLoading()
      //   uni.showModal({
      //     title: '',
      //     content: '您的余额不足'
      //   })
      //   return
      // }

      if (1 == that.confirm_info()) {
        app.globalData.util.request({
          url: 'entry/wxapp/SaveGroupOrder',
          data: {
            store_id: i,
            user_id: s,
            goods_id: d,
            logo: r,
            goods_name: l,
            goods_type: p,
            price: g,
            goods_num: f,
            money: m,
            receive_name: w,
            receive_tel: _,
            receive_address: y,
            note: h,
            type: a.options.type,
            pay_type: 'pay_type_str',
            kt_num: a.options.kt_num,
            group_id: a.options.group_id,
            dq_time: a.options.end_time,
            xf_time: a.options.xf_time
          },
          success: function (e) {
            console.log(e)
            var order_res_id=e.data
            //--------------------------------------------
            //使用后端接口查询当前订单,是否能支持余额支付
            var user_id = uni.getStorageSync('users').id
            app.globalData.util.request({
              url: 'entry/wxapp/pay_is_support_amount',
              cachetime: '0',
              data: {
                user_id: user_id,
                type:5, //不传递0=外卖订单  2=充值订单 3=会员订单 95=跑腿订单 4=抢购订单 5=拼团订单
                order_id:order_res_id
              },
              success: (res)=> {
                console.log("res",res.data.data)
                that.kqyue=res.data.data.is_yuepay
                that.userInfo_wallet=res.data.data.wallet

                that.pay_order_type=5;//订单类型 不传递=外卖订单  2=充值订单 3=会员订单 4=抢购订单 5=拼团订单 95=跑腿订单
                that.pay_order_id=order_res_id;//跑腿订单id
                that.wx_openid=''; //传递为空,自动获取
                that.totalMoney=m;
                that.show_pay_box=true; //显示支付盒子
              }
            })

            //--------------------------------------------

          }
        })
      } else {
        uni.hideLoading()
      }
    },

    pay_success() {
      console.log("pay_success 触发")
      this.show95Modal("支付成功", "下单成功", "订单列表", () => {
        uni.redirectTo({
          url: '/ymq_canyino2o/pages/collage/order'
        })
      });
    },
    pay_error() {
      uni.showLoading({
        title: '支付失败'
      })
      setTimeout(function () {
        uni.hideLoading()
        uni.navigateBack({
          delta: 2
        })
      }, 1500)
    },
    alone_pay: function (e) {
      var that = this
      that.setData({
        showModal: false
      })
      uni.showLoading({
        title: '正在支付',
        mark: true
      })
      var a = that
      var o = a.QgGoodInfo
      var n = a.nav_array
      var i = o.store_id
      var s = a.user_id
      var d = o.id
      var r = o.logo
      var l = o.name
      if ('微信支付' == a.zfwz) var c = 1
      else if ('余额支付' == a.zfwz) {
        c = 2
      }
      for (var u in n) {
        if (n[u].id == o.type_id) {
          var p = n[u].name
        }
      }
      if (1 == a.options.type) {
        var g = o.dd_price
        var f = 1
        var m = Number(f) * Number(g)
      } else {
        g = o.pt_price
        f = 1
        m = Number(f) * Number(g)
      }
      var w = a.name
      var _ = a.mobile
      var y = a.store.address
      var h = a.note
      console.log(o)
      console.log('用户id', s)
      console.log('商家id', i)
      if (Number(a.userInfo.wallet) < m && 2 == c) {
        uni.hideLoading()
        uni.showModal({
          title: '',
          content: '您的余额不足'
        })
      } else {
        if (1 == that.confirm_info()) {
          app.globalData.util.request({
            url: 'entry/wxapp/SaveGroupOrder',
            data: {
              store_id: i,
              user_id: s,
              goods_id: d,
              logo: r,
              goods_name: l,
              goods_type: p,
              price: g,
              goods_num: f,
              money: m,
              receive_name: w,
              receive_tel: _,
              receive_address: y,
              note: h,
              type: a.options.type,
              pay_type: c,
              kt_num: a.options.kt_num,
              group_id: a.options.group_id,
              dq_time: a.options.end_time,
              xf_time: a.options.xf_time
            },
            success: function (e) {
              console.log(e)
              if (1 == c) {
                that.pay(e.data, m)
              } else {
                that.ye_pay(e.data, m)
              }
            }
          })
        } else {
          uni.hideLoading()
        }
      }
    },

    confirm_info: function (e) {
      var t = this
      console.log(t)
      if (null == t.mobile || '' == t.mobile) {
        uni.showModal({
          title: '温馨提示',
          content: '请输入您的联系电话'
        })
      } else {
        if (t.name) {
          return true
        }
        uni.showModal({
          title: '温馨提示',
          content: '请输入您的姓名'
        })
      }
    },

    pay: function (e, t) {
      console.log('调用微信支付')
      var a = this.openid
      app.globalData.util.request({
        url: 'entry/wxapp/GroupPay',
        data: {
          order_id: e,
          money: t,
          openid: a
        },
        success: function (e) {
          console.log(e)
          uni.requestPayment({
            timeStamp: e.data.timeStamp,
            nonceStr: e.data.nonceStr,
            package: e.data.package,
            signType: e.data.signType,
            paySign: e.data.paySign,
            success: function (e) {
              console.log(e)
              uni.hideLoading()
              uni.showToast({
                title: '支付成功'
              })
              setTimeout(function () {
                uni.redirectTo({
                  url: '/ymq_canyino2o/pages/collage/order'
                })
              }, 1500)
            },
            fail: function (e) {
              console.log(e)
              uni.showLoading({
                title: '支付失败'
              })
              setTimeout(function () {
                uni.hideLoading()
                uni.navigateBack({
                  delta: 2
                })
              }, 1500)
            }
          })
        }
      })
    },

    ye_pay: function (e, t) {
      console.log('调用余额支付')
      this.openid
      app.globalData.util.request({
        url: 'entry/wxapp/GroupYePay',
        data: {
          order_id: e
        },
        success: function (e) {
          console.log(e)
          if (1 == e.data) {
            uni.hideLoading()
            uni.showToast({
              title: '支付成功'
            })
            setTimeout(function () {
              uni.redirectTo({
                url: '/ymq_canyino2o/pages/collage/order'
              })
            }, 1500)
          } else {
            uni.hideLoading()
            uni.showToast({
              title: '支付失败'
            })
            setTimeout(function () {
              uni.navigateBack({
                delta: 2
              })
            }, 1500)
          }
        }
      })
    },

    formReset() {
      console.log('占位：函数 formReset 未声明')
    },

    mdoalclose() {
      console.log('占位：函数 mdoalclose 未声明')
    },

    formSubmit() {
      console.log('占位：函数 formSubmit 未声明')
    },

    yczz() {
      console.log('占位：函数 yczz 未声明')
    },

    closecart() {
      console.log('占位：函数 closecart 未声明')
    },

    radioChange() {
      console.log('占位：函数 radioChange 未声明')
    },

    xzq() {
      console.log('占位：函数 xzq 未声明')
    }
  }
}
</script>
<style>
@import './qgform.css';
</style>
<style lang="scss" scoped>
	.qg-wrapper {
		min-height: 100vh;
		background: #F8F7F7;
	}
	.qg-header {
		width: 96%;
		margin: 20rpx auto;
		background: #FFFFFF;
		box-shadow: 0rpx 1rpx 20rpx 1rpx rgba(235,233,233,0.35);
		border-radius: 10rpx;
		padding: 20rpx;
		.address {
			font-size: 30rpx;
			color: #211D1B;
			font-weight: 600;
		}
		input {
			color: #211D1B;
			font-size: 26rpx;
		}
	}
	.qg-detail {
		.cart-item {
			border-bottom: none;
		}
		.qg-detail_item {
				width: 96%;
				background: #FFFFFF;
				margin: 0 auto;
				.goods-name,
				.price {
					color: #000000;
					font-size: 32rpx;
				}
				.sfk {
					padding: 20rpx 30rpx;
					border-top: none;
					border-bottom-left-radius: 20rpx;
					border-bottom-right-radius: 20rpx;
					color: #000;
				}
		}
		.formft {
			margin-top: 20rpx;
			background: #FFFFFF;
			box-shadow: 0rpx 1rpx 20rpx 1rpx rgba(235,233,233,0.35);
			border-radius: 10rpx;
			input {
				text-align: right;
			}
		}
		.sjname {
			font-size: 26rpx;
			color: #474B4D;
			font-weight: 500;
			border-top-left-radius: 20rpx;
			border-top-right-radius: 20rpx;
		}
	}
	.dbtjdd {
		width: 95%;
		position: fixed;
		bottom: 20rpx;
		left: 50%;
		transform: translateX(-50%);
		background: #333333;
		border-radius: 50rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		.dbtjddl {
			display: flex;
			flex-direction: column;
			.total {
				color: #fff;
			}
			.yh {
				color: #FFE749;
				font-size: 24rpx;
			}
		}
		.dbtjddr {
			color: #000;
			background: #FEE54A;
			border-top-right-radius: 50rpx;
			border-bottom-right-radius: 50rpx;
			button {
				background: #FEE54A;
				border-top-right-radius: 50rpx;
				border-bottom-right-radius: 50rpx;
				color: #000;
			}
		}
	}
</style>